<template>
  <view>
    <u-tabbar :value="value1" @change="change1" :fixed="true" :placeholder="true" :safeAreaInsetBottom="false">
      <u-tabbar-item text="首页" icon="home" @click="click1"></u-tabbar-item>
      <u-tabbar-item text="表单" icon="photo" @click="click1"></u-tabbar-item>
      <u-tabbar-item text="直播" icon="play-right" @click="click1"></u-tabbar-item>
      <u-tabbar-item text="我的" icon="account" @click="click1"></u-tabbar-item>
    </u-tabbar>
  </view>
</template>

<script>
  uni.hideTabBar();
  export default {
    data() {
      return {
        current: 0,
        value1: 0,
      }
    },
    onLoad:function(){
      const tabBar = uni.getTabBar();
        console.log(tabBar);
    },
    methods: {
      change1(e) {
        console.log('change1', e);
      },
      click1(e) {
        this.value1 = e;
        uni.navigateTo({
          url: 'pages/hello/hello'

        })
      }
    }
  }
</script>

<style>

</style>
